import React from 'react';
import showProtocol, { ProtocolType } from 'views/protocol';

const Keys = {
    CMCC: '中国移动',
    CM: '中国移动',
    CUCC: '中国联通',
    CU: '中国联通',
    CTCC: '中国电信',
    CT: '中国电信',
};

const Style = {
    color: '#999999',
    fontSize: '0.2rem',
    width: '6rem',
    margin: '.2rem auto .3rem',
};
/**
 * 用于一键绑定时，输入框下方的提示信息
 * @param title 如：中国移动服务条款
 * @param operator 运营商信息，返回值为英文简写， 如：CMCC，通过上面的Keys获取中文提示
 * @param url 服务条款的地址，如：https://baidu.com
 * @returns {*}
 */
export default function ({ title, operator, url }) {
    function onClick({ type }) {
        switch (type) {
            case 1: // 服务条款
                // WPT.showPage(`/webview?href=${url}&title=${title}`);
                WPT.showPage(`${url}`);
                break;
            case 2: // 隐私政策
                showProtocol(ProtocolType.Privacy);
                break;
            default:
                break;
        }
    }
    return (
        <div style={Style}>
            <p>
                同意
                <span onTouchStart={() => onClick({ type: 1 })}>
《
                    {title}
》
                </span>
和
                <span onTouchStart={() => onClick({ type: 2 })}>《隐私保护政策》</span>
                并绑定本机号码；
                {Keys[operator]}
                提供认证服务
            </p>
        </div>
    );
}
